import { createStore } from "vuex";
import moduleA from "./moduleA";
import moduleB from "./moduleB";
export default createStore({
  state: {
    // state是用来存储状态的方法 也就说可以将公共的数据放在state中
    name: '张三',
    age: 16,
    tel: 110,
    sex: '男'
  },

  getters: {
    userDetail(state) { // 跟模块可以直接操作合并过来的子模块数据
      // console.log(state);
      return '我叫' + state.name + '我今年' + state.age + '岁'
    }
  },

  mutations: {
    changeName(state, name) {
      state.name = name
    }

  },
  
  actions: {
    getData() {
      fetch('https://cnodejs.org/api/v1/topics').then(res => res.json()).then(res => {
        console.log(res);
      })
    }
  },

  modules: {
    moduleA,
    moduleB
  }
})